<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>易控-Sorry</title>
    <script>
        {literal}
        if (!navigator.userAgent.match(/mobile/i)) {
            location.href = "/";
        }
        {/literal}
    </script>
    <!--[if lt IE 9]>
    <script src="/static/js/bootstrap/js/html5shiv.min.js"></script>
    <script src="/static/js/bootstrap/js/respond.min.js"></script>
    <![endif]-->
    <style>
        {literal}
        /* reset */
        /*重置样式，清除浏览器默认样式，并配置适合设计的基础样式（强调文本是否大多是粗体、主文字色，主链接色，主字体等）*/
        html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
        footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
        table{border-collapse:collapse;border-spacing:0;}
        caption,th{text-align:left;font-weight:normal;}
        html,body,fieldset,img,iframe,abbr{border:0;}
        i,cite,em,var,address,dfn{font-style:normal;}
        [hidefocus],summary{outline:0;}
        li{list-style:none;}
        h1,h2,h3,h4,h5,h6,small{font-size:100%;}
        sup,sub{font-size:83%;}
        pre,code,kbd,samp{font-family:inherit;}
        q:before,q:after{content:none;}
        textarea{overflow:auto;resize:none;}
        label,summary{cursor:default;}
        a,button{cursor:pointer;}
        h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
        del,ins,u,s,a,a:hover{text-decoration:none;}
        body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
        body{background:#fff;}
        a,a:hover{color:#333;}
        html, body {
            position: relative;
            height: 100%;
        }
        /*body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000000;
            margin: 0;
            padding: 0;
            text-align:center;
        }
        .markcontainer{
            display:-webkit-box;
            -webkit-box-orient: vertical;
            height:100%;
            width:100%;
        }
        .markmonkey{
            position:relative;
            display:-webkit-box;
            -webkit-box-flex: 1;
        }
        .markmonkey img{
            position:absolute;
            height:42%;
            width:auto;
            left:50%;
            top:50%;
            -webkit-transform: translate(-49%,-8%);
        }
        article{
            display:-webkit-box;
            -webkit-box-flex: 1;
            -webkit-box-orient: vertical;
            position:relative;
        }
        h1{
            font-size: 18px;
            color:#452517;
        }
        .markp{
            display: -webkit-box;
            -webkit-box-pack: center;
        }
        p{
            color:#939393;
            padding-top:19px;
            line-height:19px;
            text-align:left;
        }
        a{
            color:#6c93da;
        }
        footer{
            position: relative;
            display:-webkit-box;
            -webkit-box-flex: 1;
        }
        footer img{
            position:absolute;
            bottom:0;
            left:50%;
            top:50%;
            -webkit-transform:translate(-50%,-20%);
            height:33%;
            width:auto;
            *//*margin-bottom:10%;*//*

        }*/
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000000;
            margin: 0;
            padding: 0;
            text-align:center;
        }
        .markcontainer{
            display:-webkit-box;
            -webkit-box-orient: vertical;
            height:100%;
            width:100%;
        }
        article,footer{
            display:-webkit-box;
            -webkit-box-orient: vertical;
            position: relative;

        }
        article{
            -webkit-box-flex: 2;
        }
        footer{
            -webkit-box-flex: 1;
        }
        footer img{
            width: 112px;
            vertical-align: middle;
        }
        .markmonkey{
            display:-webkit-box;
            -webkit-box-flex: 3;
            -webkit-box-orient: vertical;
            text-align: center;
            position: relative;
        }
        .markmonkey img{
            display: block;
            width: 100px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            margin-left: -50px;
        }
        h1{
            font-size: 18px;
            color:#452517;
        }
        .markp{
            display: -webkit-box;
            -webkit-box-pack: center;
        }
        p{
            color:#939393;
            padding-top:19px;
            line-height:19px;
            text-align:left;
        }
        a{
            color:#6c93da;
        }
        {/literal}
    </style>
</head>
<body>
<section class="markcontainer">
    <div class="markmonkey"><img src="/static/img/no_mobile/monkey.png" alt/></div>
    <article>
        <h1>我们的程序猿们太忙了...</h1>
        <div class="markp">
            <p>目前<a href="/"> PC 网站</a>对手机适配性不佳，还请各位<br>亲们通过PC浏览器(IE、chrome等)访问。</p>
        </div>
    </article>
    <footer><a href="/"><img src="/static/img/index_logo.png" alt="易控"/></a></footer>
</section>
</body>
</html>